/*单行溢出*/
.line_one {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.line_two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* loading */
.mall_loading {
	padding: 25rpx 0;
}

/* 页面背景 */
.page_background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	background-image: var(--pagebackground);
	background-repeat: no-repeat;
	background-size: contain;
}

.page_background_two {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 100vh;
	background-color: #f6f6f6;
	background-image: var(--pagebackground);
	background-repeat: no-repeat;
	background-size: contain;
}

/* 按钮背景色 */
.page_button {
	background: linear-gradient( 90deg, #5A68FF 0%, #2BEAFF 100%);
}

.page_button_close {
	background: #F6F6F6;
}

.color_left {
	color: #333333;
}

.color_right {
	color: #FFFFFF;
}

/* 安全距离 */
.safeBottom{
	padding-bottom: constant(safe-area-inset-bottom); 
	padding-bottom: env(safe-area-inset-bottom); 
}

/* 缺省图 */
.empty_data {
	width: 100%;
	padding: 200rpx 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.empty_data image {
	display: block;
	width: 300rpx;
}

.empty_data .txt {
	width: 100%;
	text-align: center;
	font-size: 28rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #999999;
}